<!--
 * @Author: MrLee
 * @Date: 2024-08-24 08:55:14
 * @LastEditors: MrLee
 * @LastEditTime: 2024-09-10 17:28:30
 * @Description: 请填写简介
-->
<template>
  <VNavbar />
  <up-gap height="44rpx" />
  <view class="px-24rpx">
    <infocard :user-info-list="moreList" @actionTmp="oneAction" />
  </view>
  <up-gap height="30rpx" />
  <view class="px-24rpx">
    <infocard :user-info-list="moreListSecend" @actionTmp="oneAction" />
  </view>
  <up-gap height="30rpx" />
  <view class="px-24rpx">
    <infocard :user-info-list="moreListLast" @actionTmp="oneAction" />
  </view>
  <up-picker
    :show="show"
    :columns="columns"
    @confirm="confirm"
    @cancel="show = false"
  ></up-picker>
  <view class="fixed bottom-0 left-0 w-100% bg-#fff px-30rpx pt-24rpx pb-safe  shadow-[0px_0px_6px_0px_rgba(238,239,241,0.50)]">
    <up-button
      :custom-style="{
        background: '#1f50f2',
        color: '#fff',
        height: '82rpx',
        fontSize: '30rpx',
      }"
      shape="circle"
      text="搜索"
    />
  </view>
</template>
  
  <script setup lang="ts">
import infocard from "@/pages/components/infocard/index.vue";
import VNavbar from '../search/components/v-navbar.vue';

const moreList = reactive([
  {
    title: "学生意向职位",
    value: "CEO",
    rigthIco: true,
    valueType: "text",
    options: [["CEO", "董事长", "秘书"]],
  },
  {
    title: "学生意向职位",
    value: "北京",
    rigthIco: true,
    valueType: "text",
    options: [["北京", "上海", "大连"]],
  },
  {
    title: "学生意向职位性质",
    value: "请选择",
    rigthIco: true,
    valueType: "text",
    options: [["性质1", "性质2", "性质3"]],
  },
]);
const moreListSecend = reactive([
    {
    title: "学生学历",
    value: "请选择",
    rigthIco: true,
    valueType: "text",
    options: [["CEO", "董事长", "秘书"]],
  },
  {
    title: "学生毕业院校",
    value: "请选择",
    rigthIco: true,
    valueType: "text",
    options: [["CEO", "董事长", "秘书"]],
  },
  {
    title: "学生所学专业",
    value: "请选择",
    rigthIco: true,
    valueType: "text",
    options: [["CEO", "董事长", "秘书"]],
  }
]);
const moreListLast = reactive([
  {
    title: "学生籍贯",
    value: "请选择",
    rigthIco: true,
    valueType: "text",
    options: [["CEO", "董事长", "秘书"]],
  }
]);

let columns = reactive([]);
let show = ref(false);
const oneAction = (params) => {
  if (params.jumpUrl) {
    uni.navigateTo({
      url: params.jumpUrl,
    });
  }
  if (params.options) {
    show.value = true;
    columns = params.options;
  }
};

const confirm = (v) => {
  console.log(v);
};
</script>
  